Brand morph · v3 · sequential + play-once

Disc travels, settles, then "plus" appears

Three sequential phases instead of overlapping ones. The disc completes its diagonal, holds at the wordmark's leading-dot slot for a beat, then “plus” types in beside it. Plays once — hit Replay to see it again.

plus
icon disc · #000000
mid-transition · #808080
wordmark disc · #FFFFFF
1.0×
Timeline · 3.0s total (at 1.0× speed) · plays once
Hold
Morph · canvas fades · disc travels + color shifts
Settle
Reveal
Hold
0ms4501500195027003000
The 5 phases · frame by frame
01 · Icon0–15%
Hold the icon. Pure black disc on pure white canvas, lower-left.
02 · Morph15–50%
Canvas fades · disc travels +32/−16 · color shifts black → gray → white. No moment where the disc is invisible.
03 · Settle50–65%
Disc parked at the wordmark's leading-dot slot. Empty space to its right — anticipation.
plus
04 · Reveal65–90%
"plus" fades in from +8px to 0, sliding into place beside the settled disc.
plus
05 · Hold90–100%
Final wordmark holds with animation-fill-mode: forwards. Plays once.
At every size
SMALL · LOADING
MEDIUM · NAV
LARGE · SPLASH